<!--
 * @Author: 杨超
 * @Date: 2021-11-24 20:33:45
 * @LastEditTime: 2021-12-01 17:21:34
 * @LastEditors: 杨超
 * @Description:
-->
<template>
  <!-- 小时、分钟 输入框 -->
  <div
    :style="item.style || {}"
    :class="`form-unqiue-${item.key} ${getTextModel ? '' : 'wti-untext-box'}`"
  >
    <el-time-picker
      v-if="!getTextModel"
      v-model="val"
      class="form-date-item"
      type="date"
      style="width: 100%"
      :disabled="getDisabled"
      :placeholder="getPlaceholder(item)"
      :format="item.format || 'HH:mm'"
      :value-format="item['value-format'] || 'HH:mm:00'"
      v-bind="bindOptions"
      @blur="(e) => onBlur(item, e)"
      @focus="(e) => onFocus(item, e)"
    />
    <div v-else :style="item.textStyle || {}" class="form-input-text">
      {{ val || '-' }}
    </div>
  </div>
</template>

<script>
import FormMixin from './mixin'

export default {
    name: 'FormHourMinute',
    mixins: [FormMixin],
    methods: {}
}
</script>

<style scoped lang="scss">
</style>
